<template>
  <view class="WithdrawalRecord">
    <view
      class="item flex_al_cen_ju_bet"
      v-for="item in 10"
      :key="item"
      @click="NavTo('/pages/BankCard/WithdrawalStatus')"
    >
      <view>
        <view>提现到-工商银行</view>
        <view class="time">2022-02-12 12:50:21</view>
      </view>
      <view>
        <view>200.5元</view>
        <view class="status" v-if="item != 3">已到帐</view>
        <view class="status2" v-if="item == 3">待审核</view>
      </view>
    </view>
  </view>
</template>
<script setup lang="ts">
import { NavTo } from "@/utlis/uni_api";
</script>
<style scoped lang="scss">
.WithdrawalRecord {
  padding: 5rpx 30rpx 30rpx;
  font-size: $fontS_26;
  .item {
    padding: 30rpx 10rpx;
    border-bottom: 1rpx solid rgba(170, 170, 170, 0.4);
    > view {
      &:last-child {
        text-align: right;
      }
      line-height: 1.8;
      view:first-child {
        font-weight: bold;
      }
      .status {
        font-size: $fontS_20;
      }
      .status2 {
        font-size: $fontS_20;
        color: $color_ffb;
      }
      .time {
        color: $color_AA;
        font-size: $fontS_20;
      }
    }
  }
}
</style>
